<%@	page import ="java.util.ArrayList" %>
<%@	page import ="java.util.Iterator" %>
<%@	page import ="java.util.List" %>
<%@	page import ="java.text.SimpleDateFormat" %>

<%@	page import ="com.adisi.objetos.Alerta" %>
<%@	page import ="com.adisi.objetos.Chofer" %>
<%@	page import ="com.adisi.objetos.Auto" %>
<%@	page import ="com.adisi.objetos.EstadoAlerta" %>


<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<jsp:directive.include file="headerComun.jsp" />
<body>
	<script type="text/javascript">
	
		$(window).load(function(){
		    $('#formulario').validate({
		        rules: {
		        	alerta_tipo: {
		        		required:true
		        	},
		        	alerta_fecha: {
		        		fecha:true,
		        		required:{
			        		depends: function(element) {			        			
			        		    return ($("#alerta_tipo").val()=='F');
			        		}
		        		}
		        	},
		        	alerta_motivo: {
		        		required:true,
		        		minlength: 5,
		        		maxlength: 100
		        	},
		        	alerta_idObjetoC: {
		        		required: {
			        		depends: function(element) {
			        	          return ($("#alerta_objeto").val()=='C');
			        	    }
		        		}
		        	},
		        	alerta_idObjetoA: {
		        		required: {
			        		depends: function(element) {
			        	          return ($("#alerta_objeto").val()=='A');
			        	    }
		        		}
		        	},
		        	alerta_km: {
		        		digits:true,
		        		required:{
			        		depends: function(element) {
			        	          return ($("#alerta_tipo").val()=='K');
			        	    }
		        		}
		        	}		        	
		        },
		        highlight: function(element) {
		            $(element).closest('.form-group').addClass('has-error');
		        },
		        unhighlight: function(element) {
		            $(element).closest('.form-group').removeClass('has-error');
		        },
		        errorElement: 'span',
		        errorClass: 'help-block',
		        errorPlacement: function(error, element) {
		            if(element.parent('.input-group').length) {
		                error.insertAfter(element.parent());
		            } else {
		                error.insertAfter(element);
		            }
		        }
		    });
		    
		    $('#alerta_tipo').change(function(){
		    	if($('#alerta_tipo').val()=='F') {
		    		$('#alerta_km').hide();
		    		$('#alerta_fecha').show();
				} else {
		    		$('#alerta_fecha').hide();
		    		$('#alerta_km').show();
			    }
		    }).change();
		    
		    $('#alerta_objeto').change(function(){
		    	if($('#alerta_objeto').val()=='Chofer') {
		    		$('div.panelAuto').hide();
		    		$('div.panelChofer').show();
		    		
				} else if($('#alerta_objeto').val()=='Auto') {
		    		$('div.panelChofer').hide();
		    		$('div.panelAuto').show();
			    } else {
		    		$('div.panelChofer').hide();
		    		$('div.panelAuto').hide();
			    }
		    }).change();
		    
		    $('#alerta_tipo').change();
		    $('#alerta_objeto').change();
		
		}); 
</script>


<div class="container">
	<jsp:directive.include file="menuNavegacion.jsp" />
			<%
				Alerta alerta = (Alerta)request.getAttribute("alerta");
				String accion = (String)request.getAttribute("accion");

				ArrayList<Chofer> choferes = new ArrayList<Chofer>();
				ArrayList<Auto> autos = new ArrayList<Auto>();
				
				try {
					choferes = (ArrayList<Chofer>)request.getAttribute("choferes");
					autos = (ArrayList<Auto>)request.getAttribute("autos");
				} catch(NullPointerException e) {
					// nada	
				}
				
			%>	
	<div class="row clearfix">
		<div class="col-md-4 column col-md-offset-3">
			<h3>Alerta: </h3>
			
		</div>
	</div>
	<div class="row clearfix">
		<div class="col-md-6 column col-md-offset-3">	
			<script type="text/javascript">
				$(document).ready(function(){
					
					$('#alerta_accion').val('<%=accion%>');
					
					$('#alerta_id').val('<%=alerta.getIdAlerta()%>');
					
					<% if(alerta.getIdAlerta()!=0) { %>				
						
						<% if(alerta.getObjeto().equals("Chofer")) {%>
							$('#alerta_idObjetoC').val('<%=alerta.getIdObjeto()%>').attr('readonly','readonly');
							$('#alerta_ObjetoDescC').val('<%=((Chofer)alerta.getObj()).getNombreCompleto()%>').attr('readonly','readonly');
							$('div.panelAuto').remove();						
						<% } %>
						<% if(alerta.getObjeto().equals("Auto")) {%>
							$('#alerta_idObjetoA').val('<%=alerta.getIdObjeto()%>').attr('readonly','readonly');
							$('#alerta_ObjetoDescA').val("<%= ((Auto)alerta.getObj()).getMarcaAuto() + ' ' + ((Auto)alerta.getObj()).getModeloAuto() %>").attr('readonly','readonly');
							$('#alerta_km').val('<%=alerta.getKmAlerta().toString()%>');
							$('div.panelChofer').remove();
						<% } %>
	
						$('#alerta_tipo').val('<%=alerta.getTipoAlerta()%>').attr('readonly','readonly');
						$('#alerta_objeto').val('<%=alerta.getObjeto()%>').attr('readonly','readonly');
						$('#alerta_motivo').val('<%=alerta.getMotivoAlerta()%>').attr('readonly','readonly');
						$('#alerta_fecha').val('<%= alerta.getFechaAlerta()==null?"":new SimpleDateFormat("dd/MM/yyyy").format(alerta.getFechaAlerta()) %>');
						$('#alerta_estado').val('<%=alerta.getEstado().toString()%>');
						
					<% } %>
				});
				
			</script>				
			<form role="form" action="alerta" method="post" name="formulario" id="formulario">
				<div class="form-group" style="display:hidden">
					<input type="hidden" id="alerta_id" name="alerta_id" />
					<input type="hidden" id="alerta_accion" name="alerta_accion" />
				</div>			
				<div class="form-group">
					<label for="alerta_objeto">Objeto controlado</label>
					<select name="alerta_objeto"  id="alerta_objeto" class="form-control">
						<option value="Agencia">Agencia</option>
						<option value="Chofer">Chofer</option>
						<option value="Auto">Auto</option>
					</select>
				</div>
				<div class="form-group">
					<label for="alerta_motivo">Motivo de la alerta</label>
					<textarea name="alerta_motivo"  id="alerta_motivo" class="form-control" ></textarea>
				</div>					
				<div class="form-group panelChofer">
					<label for="alerta_idObjetoC">Chofer controlado</label>
					<% if(accion.equals("agregar")) { %>
					<select name="alerta_idObjetoC"  id="alerta_idObjetoC" class="form-control">
						<option value="0">Seleccione chofer a controlar</option>
						<%
							for(Chofer chofer: choferes) {
						%>
							<option value="<%= chofer.getIdChofer() %>"><%= chofer.getNombreCompleto() %></option>
						
						<% } %>
					</select>
					<% } else { %>
					<input type="hidden" class="hide" id="alerta_idObjetoC" name="alerta_idObjetoC" />
					<input type="text" class="form-control" id="alerta_ObjetoDescC" />
					<% } %>
				</div>
				<div class="form-group panelAuto">
					<label for="alerta_idObjetoA">Auto controlado</label>
					<% if(accion.equals("agregar")) { %>
					<select name="alerta_idObjetoA"  id="alerta_idObjetoA" class="form-control">
						<option value="0">Seleccione auto a controlar</option>
						<%
							for(Auto auto: autos) {
						%>
							<option value="<%= auto.getIdAuto() %>"><%= auto.getMarcaAuto() + ' ' + auto.getModeloAuto() + " (" + auto.getDominioAuto() +')' %></option>
						
						<% } %>
					</select>
					<% } else { %>
						<input type="hidden" class="hide" id="alerta_idObjetoA" name="alerta_idObjetoA" />
						<input type="text" class="form-control" id="alerta_ObjetoDescA" />
					<% } %>
				</div>
				
				<div class="form-group">
					<label for="alerta_tipo">Tipo de alerta</label>
					<div class="row">
						<div class="col-md-4">
							<select name="alerta_tipo"  id="alerta_tipo" class="form-control">
								<option value="F">Fecha</option>
								<option value="K">Kilometros</option>
							</select>							
											
						</div>
						<div class="col-md-8"> 
							<input type="text" class="form-control col-md-3" id="alerta_km" name="alerta_km" placeholder="kilometros">
							<input type="text" class="form-control col-md-3" id="alerta_fecha" name="alerta_fecha" placeholder="fecha limite">
						</div>
					</div>
				</div>

				<div class="form-group">
					<label for="alerta_estado">Estado</label>
					<select name="alerta_estado"  id="alerta_estado" class="form-control">
						<%
							EstadoAlerta[] estados = EstadoAlerta.values();
							for(EstadoAlerta estado : estados) {
							    out.print("<option value=\"");
							    out.print(estado.toString());
							    out.print("\">");
							    out.print(estado.toString());
							    out.println("</option>");
							}
						%>
					</select>							
											
				</div>
				
				<% if(accion.equalsIgnoreCase("editar") || accion.equalsIgnoreCase("agregar")) { %>
				<button type="submit" class="btn btn-primary glyphicon glyphicon-floppy-save"> Grabar</button>
				<% } else if(accion.equalsIgnoreCase("borrar")) { %>				
				<button type="submit" class="btn btn-danger glyphicon glyphicon-trash" value="Borrar" onclick="return confirm('Esta seguro?')"> Borrar</button>
				<% } %>
				<a  href="alerta?lst" type="cancel" class="btn btn-warning glyphicon glyphicon-ban-circle"> Cancelar</a>
				
			</form>

		</div>
	</div>
</div>

</body>
</html>